<!--
  Generated template for the ProductPage page.
  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>product</ion-title>
  </ion-navbar>

</ion-header>

<ion-content>

  <ion-slides pager style="height: 60%">
    <ion-slide *ngFor="let picture of product" style="background-color: #ddd">
      <img src="assets/product/{{picture.name}}" alt="">
    </ion-slide>
  </ion-slides>
  <div>
    <!-- ？：当数据请求完成之后显示数据-->
    <h2>{{product[0]?.title}}</h2>
    <p>{{product[0]?.detail}}</p>
    <b style="color: #900">￥ {{product[0]?.price}}</b>
  </div>

</ion-content>
